/**
 * @fileOverview Show interface and handle events of design area where user can drag and drop
 * @author Le Duc, Nam (lenam.k54@gmail.com)
 * @copyright VIT Coder group
 */
define([
    'backbone'
], function (
    Backbone
    ) {
    'use strict';

    return Backbone.View.extend({
        tagName: 'div',
        className: 'design-area',
        initialize: function () {
            var header = $('<p>Hello design area</p>').addClass('header');
            var design = $('<div>Design area</div>').addClass('design');
            this.$el.append(header);
            this.$el.append(design);
        },
        render: function () {
            return this.el;
        }
    });
});